<template>
    测试用的插槽组件
    <div class="article">
        <div class="header">
            <slot  pic="abc.pice" name="header"><p>这是默认的头部</p></slot>
        </div>
        
            <slot :age="age" message="hello vue" url="http://localhost:5173/about">
                <p>这是默认的内容</p>
            </slot>
        
        <div class="footer">
            <slot name="footer"><p>这是默认的脚</p></slot>
        </div>
    </div>
</template>

<script setup>
import { ref,shallowRef } from 'vue';
const age = ref(20)
</script>

<style  scoped>
.article{
    border: 2px solid red
}</style>